<template>
	<view>
		页面事件,下拉刷新,上滑触底
		<button type="default" @click="pudll">点击下拉</button>
	</view>
</template>

<script>
	export default {
		onReachBottom() {
			console.log("上拉触底")
		},
		onPullDownRefresh() {
			console.log("触发了下拉的方法")
			// 手动的结束了下拉窗口
			setTimeout(()=>{
				uni.stopPullDownRefresh()	
			},1000)
		},
		data() {
			return {
				
			}
		},
		methods: {
			pudll(){
				// 点击下拉：startPullDownRefresh
				uni.startPullDownRefresh({
					success:()=>{
						console.log("1111")
					}
				})
			}
		},
		 onLoad() {
		     console.log('页面加载')
		 },
		 onShow() {
		     console.log('页面显示')
			uni.showToast({
				title: '欢迎来到七彩',
				duration: 500,
				icon:'none'
			});
		 },
		 onReady(){
		     console.log('页面初次显示')
		 },
		 onHide() {
		     console.log('页面隐藏')
		 },
		 onUnload() {
		     console.log('页面卸载')
		 },
		 onBackPress(){
		     console.log('页面返回...')
		 },
		 onShareAppMessage() {
		     console.log('分享!')
			 return{
				 title:'全栈2103A',
				 path:'pages/chp09/chp09',
				 imageUrl:'https://img1.baidu.com/it/u=2966782864,1030484790&fm=253&fmt=auto&app=120&f=JPEG?w=900&h=750'
			 }
		 },
		 onReachBottom() {
		     console.log('下拉加载...')
		 },
		 onPageScroll(){
		     console.log('页面滚动...')
		 },
		 onPullDownRefresh() {
		     console.log('上拉刷新...')
		     uni.stopPullDownRefresh();
		 },

	}
</script>

<style>
/* 
	出现上拉的效果，屏幕>手机的高度  
	想要反复触发的话需要反复经过哪个50的点
	也就是在pages.json里设置的那个"onReachBottomDistance":50
*/
page{
	height: 101vh;
}
</style>
